<?
$images = $this->images;
?>


<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
      <base href="<?if (isset(Zend_Registry::get('config')->resources->frontController->baseUrl)) echo Zend_Registry::get('config')->resources->frontController->baseUrl; else echo '/'; ?>">
    <title>Russianexpress</title>
    <script type="text/javascript" src="/bookflipjs/bookflip.js"></script>

        <link media="all" type="text/css" href="/js/ui-lightness/jquery-ui-1.8.16.custom.css" rel="stylesheet">

        <script type="text/javascript" src="/js/jquery-1.6.2.min.js"></script>
        <script type="text/javascript" src="/js/ui.js"></script>

        <script type="text/javascript" src="/js/zoom/mousewheel.js"></script>
        <script type="text/javascript" src="/js/zoom/zoom.js"></script>
        <link rel="stylesheet" href="/css/bootstrap.css">

        <style type="text/css">
            .managepdf {background: url("images/iconspdf.png") no-repeat scroll 0 0 transparent; width: 170px; height: 72px; opacity: 0.8}
                 .managepdf a {
                     padding:0 0;
                     display: block;
                     height: 16px;
                     position: absolute;
                     width: 16px;
                     top: 12px;
                     text-indent: -999em;
                     outline: none;
                  }

                 .up{left: 77px;
                     }
                 .up:hover { background: url("images/iconshover.png") no-repeat scroll -77px -12px transparent}
                 .down:hover { background: url("images/iconshover.png") no-repeat scroll -93px -12px transparent}
                 .zoom:hover {   background: url("images/iconshover.png") no-repeat scroll -11px -12px transparent}
                 .back:hover {  background: url("images/iconshover.png") no-repeat scroll -29px -12px transparent}
                 .left:hover { background: url("images/iconshover.png") no-repeat scroll -58px -12px transparent}
            .managepdf .right:hover { background: url("images/iconshover.png") no-repeat scroll -114px -12px transparent}
                 .close:hover { background: url("images/iconshover.png") no-repeat scroll -142px -11px transparent}
                 .down{left: 93px;
                             }
                 .zoom {left: 11px;
                             }
                 .back {left:29px;
                                    }
                 .left{left: 58px;}
                 .right{left: 114px;}

                 .close{left: 143px;}
            #bookflip {
                color: #ffffff;
            }
            #viewport {
                width: 900px;
                height: 600px;
                background-color: #808080;
                cursor: move;
                margin: 20px auto;
                overflow: hidden; /*keep map contents from spilling over if JS is disabled*/
            }
            .mapwrapper {
                position: relative;
            }

            .map-control {
                position: absolute;
                /*bottom: 40px;*/
                /*right: 40%;*/
                /*background: url(/images/zoom/map-control2.png) no-repeat;*/
                height: 63px;
                width: 199px;
                display: none;
            }

            .map-control a {
                /*height: 18px;*/
                /*width: 18px;*/
                /*display: block;*/
                /*text-indent: -999em;*/
                /*position: absolute;*/
                /*outline: none;*/
                width: 17px;
                height: 17px;
            }

            .map-control a:hover {
                /*border: 1px solid #fff;*/
                /*box-shadow: 2px 1px 7px #fff;*/
                /*box-shadow: 1px 1px 1px 8px #fff;*/
                /*opacity: .2;*/
                /*filter: alpha(opacity=20);*/
            }

            /*.map-control a.left {*/
                /*left: 138px;*/
                /*top: 22px;*/
            /*}*/

            /*.map-control a.right {*/
                /*left: 178px;*/
                /*top: 22px;*/
            /*}*/

            /*.map-control a.up {*/
                /*left: 158px;*/
                /*top: 2px;*/
            /*}*/

            /*.map-control a.down {*/
                /*left: 158px;*/
                /*top: 42px;*/
            /*}*/

            /*.map-control a.zoom {*/
                /*left: 101px;*/
                /*top: 8px;*/
                /*height: 21px;*/
                /*width: 21px;*/
            /*}*/

            /*.map-control a.back {*/
                /*left: 101px;*/
                /*top: 31px;*/
                /*height: 21px;*/
                /*width: 21px;*/
            /*}*/
            #wrap_loading {
                background-color: black;
                display: block;
                height: 100%;
                left: 0;
                opacity: 0.5;
                position: fixed;
                text-align: center;
                top: 0;
                vertical-align: middle;
                width: 100%;
                z-index: 1003;
            }
            #wrap_loading * {
                vertical-align: middle;
            }
            #wrap_loading span {
                display: inline-block;
                height: 100%;
                width: 1px;
            }
            #wrap_loading img {
                display: inline;
            }

            /*!
             * Bootstrap v2.0.0
             *
             * Copyright 2012 Twitter, Inc
             * Licensed under the Apache License v2.0
             * http://www.apache.org/licenses/LICENSE-2.0
             *
             * Designed and built with all the love in the world @twitter by @mdo and @fat.
             */
            .btn-group {
              position: relative;
              *zoom: 1;
              *margin-left: .3em;
            }
            .btn-group:before, .btn-group:after {
              display: table;
              content: "";
            }
            .btn-group:after {
              clear: both;
            }
            .btn-group:first-child {
              *margin-left: 0;
            }
            .btn-group + .btn-group {
              margin-left: 5px;
            }
            .btn-toolbar {
              margin-top: 9px;
              margin-bottom: 9px;
            }
            .btn-toolbar .btn-group {
              display: inline-block;
              *display: inline;
              /* IE7 inline-block hack */

              *zoom: 1;
            }
            .btn-group .btn {
              position: relative;
              float: left;
              margin-left: -1px;
              -webkit-border-radius: 0;
              -moz-border-radius: 0;
              border-radius: 0;
            }
            .btn-group .btn:first-child {
              margin-left: 0;
              -webkit-border-top-left-radius: 4px;
              -moz-border-radius-topleft: 4px;
              border-top-left-radius: 4px;
              -webkit-border-bottom-left-radius: 4px;
              -moz-border-radius-bottomleft: 4px;
              border-bottom-left-radius: 4px;
            }
            .btn-group .btn:last-child, .btn-group .dropdown-toggle {
              -webkit-border-top-right-radius: 4px;
              -moz-border-radius-topright: 4px;
              border-top-right-radius: 4px;
              -webkit-border-bottom-right-radius: 4px;
              -moz-border-radius-bottomright: 4px;
              border-bottom-right-radius: 4px;
            }
            .btn-group .btn.large:first-child {
              margin-left: 0;
              -webkit-border-top-left-radius: 6px;
              -moz-border-radius-topleft: 6px;
              border-top-left-radius: 6px;
              -webkit-border-bottom-left-radius: 6px;
              -moz-border-radius-bottomleft: 6px;
              border-bottom-left-radius: 6px;
            }
            .btn-group .btn.large:last-child, .btn-group .large.dropdown-toggle {
              -webkit-border-top-right-radius: 6px;
              -moz-border-radius-topright: 6px;
              border-top-right-radius: 6px;
              -webkit-border-bottom-right-radius: 6px;
              -moz-border-radius-bottomright: 6px;
              border-bottom-right-radius: 6px;
            }
            .btn-group .btn:hover,
            .btn-group .btn:focus,
            .btn-group .btn:active,
            .btn-group .btn.active {
              z-index: 2;
            }
            .btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle {
              outline: 0;
            }
            .btn-group .dropdown-toggle {
              padding-left: 8px;
              padding-right: 8px;
              -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
              -moz-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
              box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
              *padding-top: 5px;
              *padding-bottom: 5px;
            }
            .btn-group.open {
              *z-index: 1000;
            }
            .btn-group.open .dropdown-menu {
              display: block;
              margin-top: 1px;
              -webkit-border-radius: 5px;
              -moz-border-radius: 5px;
              border-radius: 5px;
            }
            .btn-group.open .dropdown-toggle {
              background-image: none;
              -webkit-box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
              -moz-box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
              box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
            }
            .btn .caret {
              margin-top: 7px;
              margin-left: 0;
            }
            .btn:hover .caret, .open.btn-group .caret {
              opacity: 1;
              filter: alpha(opacity=100);
            }
            .btn-primary .caret,
            .btn-danger .caret,
            .btn-info .caret,
            .btn-success .caret {
              border-top-color: #ffffff;
              opacity: 0.75;
              filter: alpha(opacity=75);
            }
            .btn-small .caret {
              margin-top: 4px;
            }
            .btn-primary,
            .btn-primary:hover,
            .btn-warning,
            .btn-warning:hover,
            .btn-danger,
            .btn-danger:hover,
            .btn-success,
            .btn-success:hover,
            .btn-info,
            .btn-info:hover {
              text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
              color: #ffffff;
            }
            .btn-primary.active,
            .btn-warning.active,
            .btn-danger.active,
            .btn-success.active,
            .btn-info.active {
              color: rgba(255, 255, 255, 0.75);
            }
            .btn-primary {
              background-color: #006dcc;
              background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
              background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
              background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
              background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
              background-image: -o-linear-gradient(top, #0088cc, #0044cc);
              background-image: linear-gradient(top, #0088cc, #0044cc);
              background-repeat: repeat-x;
              filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
              border-color: #0044cc #0044cc #002a80;
              border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
              filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
            }
            .btn-primary:hover,
            .btn-primary:active,
            .btn-primary.active,
            .btn-primary.disabled,
            .btn-primary[disabled] {
              background-color: #0044cc;
            }
            .btn-primary:active, .btn-primary.active {
              background-color: #003399 \9;
            }
        .in{
            float: left;
            width: auto;
            margin: 0 2px;
        }
        </style>



</head>

<body>
<?= $this->partial("/upload/view.phtml", array('images' => $images)); ?>

</body>
</html>